<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta property="og:title" content="Block+" />
<meta property="og:description"
	content="a multiplayer online Blokus game" />
<meta property="og:image"
	content="http://blockplus.net/images/capture1.png" />
<link href="../images/favicon.png" rel="shortcut icon" />
<link href="index.css" rel="stylesheet" />
<script src="../library/jquery.min.js"></script>
<script src="../library/blockplus.js"></script>
<title>Block+</title>
</head>
<body>
	<div id="content">
		<audio id="sound"></audio>
		<div id="splash">
			<span>B</span> <span style="color: #3971c4">l</span> <span
				style="color: #eea435">o</span> <span style="color: #cc2b2b">c</span>
			<span style="color: #04a44b">k</span> <span>+</span>
				<br />
				<br />
				<a id="play" href="#">log in</a>
				<br />
				<a href="http://www.youtube.com/watch?v=LzgmjYKJLIA">how to play</a>
		</div>
		<div id="patio">
			<div id="tables"></div>
		</div>
		<div id="game">
			<div id="truc" style="overflow: hidden; height: 39px;">
				<div id="messages">
					<span>abcdefghijklmnopqrstuvwxyz</span>
				</div>
				<div id="players">
					<div>0</div>
					<div>0</div>
					<div>0</div>
					<div>0</div>
				</div>
			</div>
			<div class="clear"></div>
			<div id="input">
				<span contenteditable="true">abcdefghijklmnopqrstuvwxyz</span>
			</div>
			<div id="board-container" class="not-available">
				<canvas id="board"></canvas>
			</div>
			<div class="clear"></div>
			<div id="control-panel-container">
				<canvas id="control-panel"></canvas>
			</div>
			<div class="clear"></div>
			<div id="pieces">
				<div id="Blue"></div>
				<div id="Yellow"></div>
				<div id="Red"></div>
				<div id="Green"></div>
			</div>
			<div class="clear"></div>
		</div>
		<script>
			$(document).ready(function() {
				window.application = new Application({
					container : $('#content'),
					audio : "sound",
					//maxWidth : $(window).width(),
					//maxHeight :$(window).height()						
					maxWidth : 360,
					maxHeight : 540,
				});
			});
		</script>
		<script>
			(function(i, s, o, g, r, a, m) {
				i['GoogleAnalyticsObject'] = r;
				i[r] = i[r] || function() {
					(i[r].q = i[r].q || []).push(arguments)
				}, i[r].l = 1 * new Date();
				a = s.createElement(o), m = s.getElementsByTagName(o)[0];
				a.async = 1;
				a.src = g;
				m.parentNode.insertBefore(a, m)
			})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
			ga('create', 'UA-41953552-1', 'free.fr');
			ga('send', 'pageview');
		</script>
		<script type="text/javascript">
			var _gaq = _gaq || [];
			_gaq.push([ '_setAccount', 'UA-41953552-1' ]);
			_gaq.push([ '_trackPageview' ]);
			(function() {
				var ga = document.createElement('script');
				ga.type = 'text/javascript';
				ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ga, s);
			})();
		</script>
	</div>
</body>
</html>